<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="gray-bg">
	<div class="wrapper wrapper-content ">
		<div class="row">
			<div class="col-sm-12">
				<div class="ibox float-e-margins">
					<div class="ibox-content">
						<form class="form-horizontal m-t" id="signupForm">
							<input id="id" name="id" th:value="${article.id}"  type="hidden">
							<input id="articleStatus" name="articleStatus" th:value="${article.articleStatus}" type="hidden">
							<input id="smallClass" name="smallClass" th:value="${article.smallClass}" type="hidden">
							<input id="classIds" th:value="${article.classId}" type="hidden">
							<input id="attachId" name="attachId" type="hidden" th:value="${attachId}">
							<input id="oldAttachId" name="oldAttachId" type="hidden" th:value="${article.attachId}">
							<div class="form-group">
								<label class="col-sm-3 control-label">文章大类：</label>
								<div class="col-sm-8">
									<select name="bigClass"  id="bigClass" class="form-control" onchange="selectSmallClass();">
										<option value="">请选择</option>
										<option th:selected="${article.bigClass == '走进秦岭'}">走进秦岭</option>
										<option th:selected="${article.bigClass == '作品展览'}">作品展览</option>
										<option th:selected="${article.bigClass == '探索秦岭'}">探索秦岭</option>
										<option th:selected="${article.bigClass == '中国脊梁'}">中国脊梁</option>
									</select>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">文章小类：</label>
								<div class="col-sm-8">
									<select name="classId"  id="classId" class="form-control" onchange="getSmallClassValue();">

									</select>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">文章标题：</label>
								<div class="col-sm-8">
									<input id="title" name="title" class="form-control" th:value="${article.title}" type="text">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">文章介绍：</label>
								<div class="col-sm-8">
									<textarea id="articleIntroduction" name="articleIntroduction" th:utext="${article.articleIntroduction}" class="form-control"></textarea>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">作者介绍：</label>
								<div class="col-sm-8">
									<textarea id="authorIntroduction" name="authorIntroduction" th:utext="${article.authorIntroduction}" class="form-control"></textarea>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">图片：</label>
								<div id="uploader" class="wu-example col-sm-8">
									<div class="queueList">
										<div id="dndArea" class="placeholder">
											<div id="filePicker"></div>
											<p>或将照片拖到这里，单次最多可选5张</p>
										</div>
									</div>
									<div class="statusBar" style="display:none;">
										<div class="progress">
											<span class="text">0%</span>
											<span class="percentage"></span>
										</div>
										<div class="info"></div>
										<div class="btns">
											<div id="filePicker2"></div>
											<div class="uploadBtn">开始上传</div>
										</div>
									</div>
								</div>
							</div>
							<div class="form-group">
								<input id="articleContent" name="articleContent" type="hidden" th:value="${article.articleContent}">
								<label class="col-sm-3 control-label">文章内容：</label>
								<div class="col-sm-8">
									<div class="ibox-content no-padding">
										<div id="content_sn" class="summernote"></div>
									</div>
								</div>
							</div>
							<div class="form-group">
								<div class="col-sm-8 col-sm-offset-3">
									<button type="submit" class="btn btn-primary">提交</button>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
	</div>
	</div>
	<div th:include="include::footer"></div>
	<!----文件控件js--->
	<script type="text/javascript" th:src="@{/js/plugins/webuploader/webuploader.js}"></script>
	<script type="text/javascript" th:src="@{/js/plugins/webuploader/webuploader_demo.js}"></script>
	<script type="text/javascript" src="/js/appjs/system/article/edit.js">
	</script>
</body>
</html>
